<!doctype html>
<html lang="ko">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
	<meta name="viewport" content="width=device-width">
	<title>Hyundai Motor Group</title>
	<link rel="stylesheet" href="../css/style.css">
	<script src="../js/jquery-1.11.1.min.js"></script>
	<style type="text/css">
		body {background-color:#fefefe;}
		body, div, h1, h2, h3, p, a, ul, li {margin:0; padding:0; font-family:'맑은 고딕', 'Malgun Gothic', sans-serif; color:#777;}
		li {list-style:none;}
		h1 {font-size:18px;}
		h1 + h2 {margin-top:5px;}
		h2 {font-size:16px; margin-top:30px; color:#444;}
		h3 {font-size:14px; margin-top:10px; color:#0079b1;}
		h2 + h3 {margin-top:5px;}
		p, a, li {font-size:12px; line-height:20px;}
		.index {padding:10px 20px;}
		h3 {margin-left:15px;}
		h3 + ul {margin-left:30px;}
		hr {visibility:hidden; clear:both; display:block; height:0; border-color:#eee; margin:10px 20px;}
		div.col {width:400px; float:left;}
		.note {position:absolute; top:10px; right:10px; width:300px; padding:20px; background-color:#f6f041; box-shadow:3px 3px 3px rgba(0,0,0,.3);}
		.note h1 {font-size:14px; border-bottom:2px dotted #aaa; margin-bottom:15px; }
		li {position:relative; color:#999;}
		li a {color:#999;}
		li span {margin-left:5px; color:red;}
		li.ok a {color:#444; text-decoration:underline;}

		li a[title]:hover:after {content: attr(title); padding: 4px 6px; font-size:14px; color: #333; white-space: nowrap; margin-left:10px;
		  -moz-border-radius: 5px;
		  -webkit-border-radius: 5px;
		  border-radius: 5px;
		  -moz-box-shadow: 0px 0px 4px #222;
		  -webkit-box-shadow: 0px 0px 4px #222;
		  box-shadow: 0px 0px 4px #222;
		  background-color:#fff;
		}
		li .tip {position:absolute; top:24px; left:50px; min-width:100px; max-width:200px; padding: 4px 6px; font-size:14px; color: #333; margin-left:10px;
		  -moz-border-radius: 5px;
		  -webkit-border-radius: 5px;
		  border-radius: 5px;
		  -moz-box-shadow: 0px 0px 4px #222;
		  -webkit-box-shadow: 0px 0px 4px #222;
		  box-shadow: 0px 0px 4px #222;
		  background-color:#fff; z-index:11;}
	</style>
</head>
<body>
<div class="index">

<h1>pages</h1>
<h2>0. 초기화면</h2>
<ul>
	<li><a href="./login.html">로그인</a><span>○</span></li>
	<li><a href="./main.html">메인화면</a><span>○</span></li>
</ul>


<h2>1. 마스터데이터 관리</h2>
<div class="col">
	<h3>시스템 관리</h3>
	<ul>
		<li><a href="./1.1.html" target="_blank">법인 코드 관리</a><span>○</span></li>
		<li>공통 코드 관리(기존 작업물 사용)</li>
		<li>시스템 메뉴 관리(기존 작업물 사용)</li>
		<li><a href="./1.4.html" target="_blank">작성양식 도움말 관리</a><span>○</span></li>
		<li><a href="./1.4_popup.html" target="_blank" onclick="window.open(this.href, '', 'width=550, height=447'); return false;">작성양식 도움말 관리 <strong>poppup</strong></a><span>○</span></li>
		<li>권한 관리(기존 작업물 사용)</li>
		<li>사용자 등록(기존 작업물 사용)</li>
	</ul>
</div>
<div class="col">
	<h3>법인 마스터 관리</h3>
	<ul>
		<li><a href="./1.7.html" target="_blank">법인 정보 마스터</a><span>○</span></li>
		<li><a href="./1.8.html" target="_blank">법인별 영위 업종 관리</a><span>○</span></li>
		<li><a href="./1.9.html" target="_blank">법인별 해외 계열사 관리</a><span>○</span></li>
	</ul>
	<h3>기업집단 공시관리</h3>
	<ul>
		<li><a href="./1.11.html" target="_blank">공시자료 작성 양식 관리</a><span>○</span></li>
		<li><a href="./1.12.html" target="_blank">공시자료 작성 회차 관리</a><span>○</span></li>
	</ul>
</div>
<hr>

<h2>2. 조회 및 게시판</h2>
<div class="col">
	<h3>공시자료 조회</h3>
	<ul>
		<li><a href="./2.1.html" target="_blank">공시자료 작성 현황</a><span>○</span></li>
		<li><a href="./2.2.html" target="_blank">결재대상 공시자료 작성 현황</a><span>○</span></li>
		<li><a href="./2.3.html" target="_blank">이전 작성 자료 조회</a><span>○</span></li>
	</ul>
</div>
<div class="col">
	<h3>커뮤니티</h3>
	<ul>
		<li><a href="./2.4.html" target="_blank">공지사항</a><span>○</span></li>
		<li><a href="./2.5.html" target="_blank">FAQ</a><span>○</span></li>
	</ul>
</div>
<hr>


<h2>3. 공시자료 입력</h2>
<div class="col">
	<h3>일반현황</h3>
	<ul>
		<li><a href="./3.1.1.html" target="_blank">회사의 개요</a><span>○</span></li>
		<li><a href="./3.1.2.html" target="_blank">재무 현황</a><span>○</span></li>
		<li><a href="./3.1.3.html" target="_blank">손익현황</a><span>○</span></li>
		<li><a href="./3.1.4.html" target="_blank">계열회사 현황</a><span>○</span></li>
		<li><a href="./3.1.5.html" target="_blank">계열회사 변동</a><span>○</span></li>
	</ul>
	<h3>임원/이사회 운영현황</h3>
	<ul>
		<li><a href="./3.2.1.html" target="_blank">임원 현황</a><span>○</span></li>
		<li><a href="./3.2.2.html" target="_blank">이사회 운영 현황</a><span>○</span></li>
		<!-- <li><a href="./3.2.3.html" target="_blank">위원회 운영 현황</a></li>
		<li><a href="./3.2.4.html" target="_blank">의결권 행사 관련 운영 현황</a></li>
		<li><a href="./3.2.5.html" target="_blank">소수 주주권 행사 내용</a></li> -->
	</ul>
	<h3>주식소유 현황</h3>
	<ul>
		<li><a href="./3.3.1.html" target="_blank">소유 지분 현황</a><span>○</span></li>
		<li><a href="./3.3.2.html" target="_blank">계열사간 주식소유 현황</a><span>○</span></li>
	</ul>
</div>
<div class="col">
	<h3>계열사 특수관계인 거래현황</h3>
	<ul>
		<li><a href="./3.4.1.html" target="_blank">계열회사로 부터 자금 차입현황</a><span>○</span></li>
		<li><a href="./3.4.2.html" target="_blank">당좌 차월 약정 한도 ?</a></li>
		<li><a href="./3.4.3.html" target="_blank">특수관계인의 자금대여 현황</a><span>○</span></li>
		<li><a href="./3.4.4.html" target="_blank">계열회사간 유가증권 거래 현황</a><span>○</span></li>
		<li><a href="./3.4.5.html" target="_blank">특수관계인 유가증권 거래 현황</a><span>○</span></li>
		<li><a href="./3.4.6.html" target="_blank">계열회사간 상품 용역 거래 현황</a><span>○</span></li>
		<li><a href="./3.4.7.html" target="_blank">계열회사간 주요상품 용역거래 현황(상장사)</a><span>○</span></li>
		<li><a href="./3.4.8.html" target="_blank">계열회사간 주요상품 용역거래 현황(비상장사)</a><span>○</span></li>
		<li><a href="./3.4.9.html" target="_blank">계열회사간 기타자산 거래 현황</a><span>○</span></li>
		<li><a href="./3.4.10.html" target="_blank" tip="해당사항 없는 경우 노출되는 영역">특수관계인에 대한 기타자산 거래 현황</a><span>○</span></li>
		<li><a href="./3.4.11.html" target="_blank" tip="금액 클릭시 팝업이 뜨도록 연결 했습니다.">계열회사간 채권채무 잔액현황</a><span>○</span></li>
		<li><a href="./3.4.12.html" target="_blank" tip="엑셀문서에 3개로 나눠진 페이지를, 기획서와 dart 참조하여 1개 페이지로 변경했습니다.">채무보증 현황</a><span>○</span></li>
		<li><a href="./3.4.13.html" target="_blank" tip="엑셀문서에 2개로 나눠진 페이지를, 기획서와 dart 참조하여 1개 페이지로 변경했습니다.">담보제공 현황</a><span>○</span></li>
	</ul>
</div>
<div class="col">
	<h3>미확정 양식</h3>
	<ul>
		<li>미확정 양식</li>
		<li>미확정 양식</li>
		<li>미확정 양식</li>
	</ul>
</div>
<hr>



<h2>4. 시스템 관리</h2>
<h3>사용 및 권한</h3>
<ul>
	<li><a href="./4.1.1.html" target="_blank">로그인 /로그아웃 관리</a></li>
	<li><a href="./4.1.2.html" target="_blank">사용자 등록</a></li>
	<li><a href="./4.1.3.html" target="_blank">화면 관리 ( 보안기능)</a></li>
	<li><a href="./4.1.4.html" target="_blank">시스템 메뉴 관리</a></li>
	<li><a href="./4.1.5.html" target="_blank">권한 관리</a></li>
	<li><a href="./4.1.6.html" target="_blank">접속 및 사용 로그 관리</a></li>
</ul>


<div class="note">
	<h1>note</h1>
	<p>페이지 수 : <span id="ended"></span> / <span id="total"></span></p>
	<p>svn download : http://hd-dart-admin.googlecode.com/svn/trunk/</p>
	<p>----------------------------------<br>
	10.15. 화면명세서(메뉴)가 기획서 기준으로 변경<br>
	10.16. div 구조 변경 요청 - 3.2.1.html 참조</p>
</div>


<script>
$('#ended').html($('li span').length);
$('#total').html($('a').length);
var link, tip;
$(window).ready(function(){
	$.each($('li span'), function(){
		$this = $(this).parents('li');
		$this.addClass('ok');
		$this.on('mouseenter', function(){
			link =  $(this).find('a').prop('href').split('/html/')[1];
			tip =  $(this).find('a').attr('tip') ? ' - ' + $(this).find('a').attr('tip') : '' ;
			$('<p class="tip"></p>').appendTo($(this)).html( link + '<br>' + tip );
		});
		$this.on('mouseleave', function(){
			$('.tip').remove();
		});
	});
	$.each($('li a'), function(){
	//	link ;
	//	$(this).prop('title', );
	});
});
</script>
</div>
</body>
</html>